.padre {
padding-left: 28%;
padding-right: 25%;
}
.loader {


  position: relative;
  display: inline-block;
  margin: 0 12.5% 100px;
  width: 70px;
  height: 70px;
  border: 3px solid #0cf;
  border-radius: 50%;
  
  animation: spin 0.75s infinite linear;
}
.loader::before,
.loader::after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: '';
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
}




/*
 * LOADER 6
 */
.loader-6 {

  border-color: transparent;
  border-top-color: #0cf;
  animation-duration: 3s;
}
.loader-6::after {
  display: block;
  border-color: transparent;
  border-top-color: #0cf;
  animation: spin 0.75s infinite ease-in-out alternate;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

  



.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #1a90bd;
    background-color: transparent;
}

.label-default
{  background-color: #0e8cd6 
}


  th{
  width: 130px;
  
}
.table {
font-size: 11px


}

@media screen and (min-width: 1150px) {


#panel-busqueda{
padding: none;


}

}


@media screen and (max-width: 1150px) {
 

.botones-xs{


  display: none;
}




}

.navbar-default .navbar-brand {
    color: #1a90bd;
}




.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}






















@media screen and (max-width: 425px) {
    .texto-xs {
    

font-size: 17px;


}
}

#control{
width: 280px;
float: left;
  position: fixed;
}



#separador{

padding-top: 5px;

}



.td{


  font-size: 10px;
}








h4{

color: #000000 ;


}

.navbar-default .navbar-nav>li>a:hover {
    color: #777777;
    background-color: transparent;
}







#texto-presentacion{

padding-bottom: 20%;
font-size: 13px;

  


}


.subtitulo{


  font-size: 15px;
}

a {

font-color:#fff;
}



#inicio{
padding-right: 14px;
padding-left: 14px;
padding-top: 8px;

}
#navbar{
padding-right: 14px;
padding-left: 18px;
padding-top: 12px;
 


margin-color: transparent  ;
}


li.dropdown {
    color:#00a0d2;
}




.fa-instagram{

color: #fff;


}

.red{


  border-radius: 20px;
}










h4{



  font-size: 15px;
}
h1{

color:  #709cff;

  font-size: 28px;
}












.btn-circle  {

border-radius: 20px;


}
#btn-circle  {

border-radius: 20px;


}



#titulo{

font-size: 20px;

}





#seccion{

 
padding-top:33px;
margin-top: 0px;



}



#busqueda-lista{

 
padding-top:20px;
margin-top: 0px;



}

footer{





}

#carrusel2{
background-color: #000;
border-radius: 50px;

}

#subtitul{

color:#f0ad4e;
 font-size: 13px;
}





#pie{

 font-size: 12px;
color:#96939a;
 
  
 
}

h5{



  font-size:50px;
}




.btn-minus{cursor:pointer;font-size:7px;display:flex;
  align-items:center;padding:5px;padding-left:10px;
  padding-right:10px;border:1px
 solid gray;border-radius:2px;border-right:0px;}
.btn-plus{cursor:pointer;
  font-size:7px;display:flex;align-items:center;
  padding:5px;padding-left:10px;padding-right:10px;
  border:1px solid gray;border-radius:2px;border-left:0px;}
#confianza{

background-color:#5edd6d ;
}





#flechas{
    position:auto;

   padding-top:110%;



}



#anuncio {


font-size: 12px;

}

.colors{

 color:#989898;
  font-size: 17px;
   
}

#precio{
   font-size: 13px;
 color:#990000;
  
   
}
#datas{

margin-top: 0px;
font-size: 12px;

}
#data{


font-size: 12px;

}

@media (max-width: 893px) {
    #logo{
    width:100px;
    }
}
@media (max-width: 840px) {
    #logo{
    width:70px;
    }
}


.breadcrumb{
margin-bottom: 2px;
font-size: 12px;
margin-top: 9px;
background-color: #fbfbfb;


}

.item {

  max-width: auto;
}

img {
    max-width:100%;
    height: auto;
}


  .carousel-inner img {
   
      
      width: 100%; /* Set width to 100% */
      margin: auto;
       height: auto;
  }

}

.carousel-caption h3 {
    color: #fff !important;
}

header{


}

@media (max-width: 600px) {
    .carousel-caption {

        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
}

body { 



margin-top: 0px;
padding-top:  0px;
 font: 400 15px/1.8 Lato, sans-serif;
      color: #6d6d6d;

      background-color:#fff;


  
   }

 #pic-1, #pic-2, #pic-3, #pic-4, #pic-5{

  width: 350px;



}




@media (max-width: 331px) {
#pic-1, #pic-2, #pic-3, #pic-4, #pic-5{

  width: 240px;



}

}




 #registro-foto{

  width: 240px;



}


.level-1{


}
.migaja{


  padding-top: 3%;
}

#productos{
  margin : none;
padding-top: 3%;

}

.publicacion{


  width: 200px;


}

/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */




.navbar-fixed {
  

}

#negro{


  color:#e86749;
}
#rojo{


  color:#3badd8;
}

#icono-catalogo{

margin-top: 0px;
padding-top: 0px;
padding: 0px;
}




#catalogo {
padding-top: 10px;

font-size: 20px;
color:#796d6d;

}



.text-muted{



  font-size: 11px;
}





/*****************globals*************/
body {
  font-family: 'open sans';
  overflow-x: hidden; }

img {
  max-width: 100%;



   }

.par{


margin-right: none;

margin-left: none;

}



.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 20px;
 column-rule-color:   #efff41;
  padding: 1em;
  line-height: 1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }



.titulo-producto{


  font-size: 16px;
}




.details {

font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
.descripcion{

font-size: 12px}

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 12px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */

















.navbar-default .navbar-nav>li>a {
    color: #777777;
}





.navbar{
position: relative;
padding-top: 0px:;
margin-top: 0px;
margin-top: 0px;

  background-color: 
 #fff;

font-size: 13px;


}

#menu {



  color:#f0ad4e;
}


.navi{
  font-color:#ff9f1a   ;
   color: #ff9f1a;



}



@media screen and (max-width: 1200px) {
    #buscar {
    

display: none;


}}



#datos-info{

padding-top: 20px;
font-size: 12px;
padding-bottom: 20px;
color:#96939a;

}





.navi:hover{
   
   color: #ffad3c;
}

#chek{


  color:#0acb00;
}


#nuevo {
color:#0acb00;

font-size: 7px;
}




/*BREADCUM */




@media screen and (max-width: 425px) {
  #tablas-contenido{

display: none;


}
   }

@media screen and (min-width: 425px) {
  #contenido{

display: none;


}
}





.btn-default{


}


.phone{


  color:#13f533;
}



.navbar-nav{

margin: none;
padding: none;

}



}




.fb-like{

font-size: 9px;

}


#panel-control{




  margin-top: 50px;
}

#footer{
background-position: #f2f2f2;
padding-top: 20px;

}

#inicio-bienvenida {

padding-top: 190px;

}

.fb-like{

padding: 8px;

}


 @media screen and (max-width: 331px) {
    #pie{
    
    font-size:10px;
   



    }
#subtitulo{


  color:#000;
}









#custom-bootstrap-menu{


  color:#000;
}

@media screen and (max-width:2500px) {
  #ubicacion{

width: 350px;

}














@media screen and (max-width: 427px) {
    .btn-xs{
    


font-size: 7px ;


    }






     @media screen and (max-width: 331px) {
    .migajita{
   
padding-top: 4%;

font-size: 10px;

}
   

@media screen and (max-width: 320px) {
    .migaja{
    
  
padding-top:12%;

font-size: 10px;

}}





@media screen and (max-width: 340px) {
    #catalogo {
    

  
font-size:  13px ;


}}









@media screen and (max-width: 440px) {
    #datos-info{
    

padding-top: 10px;
font-size:  7px ;


  }}



@media screen and (max-width: 360px) {
    .migaja{
    
  
padding-top: 60%;

font-size: 10px;

}}